<template>
 <div>
      <mt-swipe :auto="4000">
        <mt-swipe-item >
                <img src="../assets/ma.jpg" alt="">
        </mt-swipe-item>
       <mt-swipe-item >
                <img src="../assets/lanbo.jpg" alt="">
        </mt-swipe-item>
          <mt-swipe-item >
                <img src="../assets/fala.jpg" alt="">
        </mt-swipe-item>
       
      </mt-swipe>


       <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                                    <router-link to="/first/news1">
		                    <img class="icon" src="../assets/myself.jpg" alt="">
		                    <div class="mui-media-body">我的</div>
                                    </router-link> </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
		                  <router-link to="/first/new2">
                                           <img class="icon" src="../assets/bear0jpg.jpg" alt="">
		                    <div class="mui-media-body">邮箱</div>
                                  </router-link> </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img class="icon" src="../assets/chat.jpg" alt="">
		                    <div class="mui-media-body">微信</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img class="icon" src="../assets/xigua.jpg" alt="">
		                    <div class="mui-media-body">家庭住址</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img class="icon" src="../assets/shark.jpg" alt="">
		                    <div class="mui-media-body">寻找</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                     <img class="icon" src="../assets/xiaoji.jpg" alt="">
		                    <div class="mui-media-body">电话</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                     <img class="icon" src="../assets/xia.jpg" alt="">
		                    <div class="mui-media-body">设置</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img class="icon" src="../assets/sun.jpg" alt="">
		                    <div class="mui-media-body">关于</div></a></li>
		           <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                     <img class="icon" src="../assets/more.jpg" alt="">
		                    <div class="mui-media-body">更多</div></a></li>
		        </ul> 
 </div>
</template>
<script>

export default {
    data(){
        return{
        }
    },
    methods:{
       
    }
    
}
</script>



<style scoped >



 .mint-swipe{
    height: 200px;
  
  }
  .mint-swipe-item{
      background-color: yellow;
      
  }
  img{
    width: 100%;
    height: 100%;
  }
  
   .mui-grid-view.mui-grid-9{
     background-color: #fff;
     border: 0;
   }
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
  border: 0;
}
.icon{
   width: 40px;
   height: 40px;
 }
 
  
</style>
